<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>财务主页</title>
	<link rel="stylesheet" href="assets/css/index.css">
	<link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
	<link rel="stylesheet" type="text/css" href="assets/js/src/css/layui.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/business.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/finance.css" />
</head>

<body>
	<div class="container">
		<div class="navigation before">

		</div>
		<div class="content">
			<header class="">
				<div class="left">
					<!-- <img class="toggle packUp" src="assets/images/nav/icon-zhankai.svg">
						<img class="toggle expansion" src="assets/images/nav/icon-zhedie.svg"> -->
					<!-- <h1>2022年 全面预算</h1> -->
					<div class="">
						<h2>财务</h2>
						<div class="">
							<a href="index.html">首页</a> - <span>财务</span>
						</div>
					</div>
				</div>
				<div class="right">
					<div class="search">
						<div class="year">
							<p>时间：</p>
							<input type="text" name="" id="year" value="" />
						</div>
						<div class="section">
							<p>部门：</p>
							<div class="sector">
								<div class="">
									<span>全所</span>
								</div>
							</div>
							<div class="options">
								<div class="all">
									<i></i>
									<p>全所</p>
								</div>
							</div>
						</div>
					</div>
					<time></time>
					<div class="menu">
						<a class="goBack" href="javascript:goFront();">前往后台</a>
						<div class="user">
							<p>A</p>
							<div class="">
								<a href="change-password.html">修改密码</a>
								<a href="login.html">退出登录</a>
							</div>
						</div>
					</div>
				</div>
			</header>
			<!-- 内容区域 -->
			<div class="wrapper">
				<div class="cont">
					<div class="box mt16 report-from">
						<h2 style="font-size: 24px; font-weight: 400;">报表</h2>
						<div class="report_item">
							<div class="assets">
								<div class="top">
									<h4>资产负债</h4>
									<a class="goDetail" href="Investment.html">
										<img src="assets/images/finance/icon-arrow.png" alt="资产负债详情">
									</a>
								</div>
								<div class="middle">
									<div class="all_money">
										<p>总资产</p>
										<div><span class="totalAssets"> - </span> 万元</div>
									</div>
									<div class="all_money">
										<p>总负债</p>
										<div> <span class="totalLiabilities"> - </span>万元</div>
									</div>
								</div>
								<div class="bottom">
									<h4>资产负债占比</h4>
									<div id="assets_liabilities"></div>
								</div>
							</div>
							<!-- 22 -->
							<div class="profit">
								<div class="top">
									<h4>利润</h4>
									<a class="goDetail" href="profit.html">
										<img src="assets/images/finance/icon-arrow.png" alt="资产负债详情">
									</a>
								</div>
								<div class="middle">
									<div class="all_money">
										<p>总收入</p>
										<div> <span class="totalRevenue"> - </span>万元</div>
									</div>
									<div class="all_money">
										<p>总利润</p>
										<div> <span class="totalProfit"> - </span>万元</div>
									</div>
								</div>
								<div class="bottom">
									<h4>季度趋势</h4>
									<div id="quarterly_trend"></div>
								</div>
							</div>
							<!-- 33 -->
							<div class="cash" style=" margin-right: 0px;">
								<div class="top">
									<h4>现金流量</h4>
									<a class="goDetail" href="cashflow.html">
										<img src="assets/images/finance/icon-arrow.png" alt="资产负债详情">
									</a>
								</div>
								<div class="middle">
									<div class="all_money">
										<p>现金及等价物余额</p>
										<div> <span class="xianjin"> - </span>万元</div>
									</div>
									<div class="all_money">
										<div class="every">
											<span style="color: #4E5969;
                      font-size: 14px;">期初</span>
											<div style="color: #86909C;
                      font-size: 12px;"> <span style="color: #1D2129;
                        font-size: 20px;" class="qichu"> - </span>万元</div>
										</div>
										<div class="every">
											<span style="color: #4E5969;
                      font-size: 14px;">现金及等价物净增加额</span>
											<div style="color: #86909C;
                      font-size: 12px;"> <span style="color: #1D2129;
                        font-size: 20px;" class="jingzengjia"> - </span>万元</div>
										</div>
									</div>
								</div>
								<div class="bottom">
									<h4>现金及等价物余额 季度趋势</h4>
									<div id="cashe_quivalent"></div>
								</div>
							</div>

						</div>
					</div>
					<!-- 2 -->
					<div class="box mt16 main-indicators
          ">
						<div class="main">
							<span>主要指标</span>
							<a class="goDetail" href="mainIndicators.html">
								<img src="assets/images/index/icon-arrow.png" alt="主要指标详情">
							</a>
						</div>
						<div class="heng">
							<div class="main_num">
								<div class="num">
									<div class="num_item" style="margin-right: 16px;">
										利润总额
										<div> <span class="lirunzong"> - </span>万元</div>
									</div>
									<div class="num_item">
										净利润
										<div> <span class="jinglirun"> - </span>万元</div>
									</div>
								</div>
								<div class="num">
									<div class="num_item" style="margin-right: 16px;">
										存货周转率
										<div><span class="cunhuozhouzhuan"> - </span>%</div>
									</div>
									<div class="num_item">
										应收账款及应收票据
										<div><span class="yingshou"> - </span>万元</div>
									</div>
								</div>

							</div>
							<div class="main_chart">
								<h4>利润总额 季度趋势</h4>
								<div id="quarterly_total"></div>
							</div>
						</div>


					</div>
				</div>
			</div>
		</div>
	</div>

</body>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/echarts.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>

<script src="assets/plugins/chartlib.js"></script>
<script src="assets/plugins/echarts.min.js"></script>
<script src="assets/js/http/api.js"></script>
<script src="assets/js/finance.js"></script>

</html>